<!DOCTYPE html>
<html>
    
    <head>
        <title>
            startScreen
        </title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="initial-scale=1" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent"
        />
        <link href="files/resources/lib/theme/jqm/jqm.css" rel="stylesheet" />
        <link href="files/resources/lib/jquerymobile/1.3.0/jquery.mobile.structure-1.3.0.min.css"
        rel="stylesheet" />
        <script type="text/javascript" src="files/resources/lib/store/json2.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/jquery/jquery-1.8.2.js">
        </script>
        <script type="text/javascript">
                    $(document).bind("mobileinit", function()
            {
                if (navigator.userAgent.indexOf("Android") != -1)
                {
                    $.mobile.defaultPageTransition = 'none';
                    $.mobile.defaultDialogTransition = 'none';
                }
            });
        </script>
        <script type="text/javascript" src="files/resources/lib/jquerymobile/1.3.0/jquery.mobile-1.3.0.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/mobilebase.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/event/customEventHandler.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/base/sha1.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/base/oauth.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/base/contexts.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/base/jsonpath.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/base/jquery.xml2json.min.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/base/appery.js">
        </script>
        <link href="files/resources/css/mobilebase.css" rel="stylesheet" type="text/css"
        />
    </head>
    
    <body>
        <script language="JavaScript" type="text/javascript">
                if (navigator.userAgent.match(/iP/i))
        {
            $(window).bind('orientationchange', function(event)
            {
                $('meta[name="viewport"]').attr('content', 'initial-scale=1.0,maximum-scale=1.0, ' + ((window.orientation == 90 || window.orientation == -90 || window.orientation == 270) ? "height=device-width,width=device-height" : "height=device-height,width=device-width"));
            }).trigger('orientationchange');
        }
        </script>
        <div data-role="page" style="min-height:480px;" dsid="startScreen" id="j_8" class="type-interior"
        data-theme="a" data-add-back-btn="false" data-back-btn-text="Back">
            <!-- StartScreen -->
            <div data-role="content" id="j_11" name="StartScreen" class="class1 mobilecontainer2"
            dsid="StartScreen" data-theme="a">
                <link href="startScreen.css" rel="stylesheet" type="text/css" />
                <script type="text/javascript" src="startScreen.js">
                </script>
                <!-- mobilecollapsibleset_9 -->
                <div data-role="collapsible-set" data-theme="a" data-content-theme=a data-collapsed-icon='plus'
                data-expanded-icon='minus' name="mobilecollapsibleset_9" id="j_12" dsid="mobilecollapsibleset_9"
                class=' mobilecollapsibleset1 '>
                    <!-- mobilecollapsblock1 -->
                    <div data-role="collapsible" id="j_13" name="mobilecollapsblock_10" dsid="mobilecollapsblock_10"
                    data-mini="true" data-collapsed="true" data-theme="a" data-content-theme="a" data-iconpos='left'
                    class=' mobilecollapsblock1 ' reRender='mobilecollapsibleset_9'>
                        <h3 id="j_14" name="mobilecollapsblockheader_11" dsid="mobilecollapsblockheader_11">
                            Schedule
                        </h3>
                        <!-- mobilebutton_19 -->
                        <a data-role="button" name="mobilebutton_19" dsid="mobilebutton_19" class='  mobilebutton2'
                        id='j_16' data-corners="true" data-mini="true" data-theme="a" tabIndex="2">
                        Current Schedule
                        </a>
                        <!-- mobilebutton_20 -->
                        <a data-role="button" name="mobilebutton_20" dsid="mobilebutton_20" class='  mobilebutton3'
                        id='j_17' data-corners="true" data-mini="true" data-theme="a" tabIndex="3">
                        Future Schedule
                        </a>
                        <!-- mobilebutton_21 -->
                        <a data-role="button" name="mobilebutton_21" dsid="mobilebutton_21" class='  mobilebutton4'
                        id='j_18' data-corners="true" data-mini="true" data-theme="a" tabIndex="4">
                        My Schedule
                        </a>
                    </div>
                    <!-- mobilecollapsblock2 -->
                    <div data-role="collapsible" id="j_19" name="mobilecollapsblock_13" dsid="mobilecollapsblock_13"
                    data-mini="true" data-collapsed="false" data-theme="a" data-content-theme="a" data-iconpos='left'
                    class=' mobilecollapsblock2 ' reRender='mobilecollapsibleset_9'>
                        <h3 id="j_20" name="mobilecollapsblockheader_14" dsid="mobilecollapsblockheader_14">
                            Forms
                        </h3>
                        <!-- mobilebutton_22 -->
                        <a data-role="button" name="mobilebutton_22" dsid="mobilebutton_22" class='  mobilebutton5'
                        id='j_22' data-corners="true" data-mini="true" data-theme="a" tabIndex="6">
                        Request Off
                        </a>
                        <!-- mobilebutton_23 -->
                        <a data-role="button" name="mobilebutton_23" dsid="mobilebutton_23" class='  mobilebutton6'
                        id='j_23' data-corners="true" data-mini="true" data-theme="a" tabIndex="7">
                        Summer School
                        </a>
                    </div>
                    <!-- mobilecollapsblock3 -->
                    <div data-role="collapsible" id="j_24" name="mobilecollapsblock_16" dsid="mobilecollapsblock_16"
                    data-mini="true" data-collapsed="true" data-theme="a" data-content-theme="a" data-iconpos='left'
                    class=' mobilecollapsblock3 ' reRender='mobilecollapsibleset_9'>
                        <h3 id="j_25" name="mobilecollapsblockheader_17" dsid="mobilecollapsblockheader_17">
                            Extras
                        </h3>
                        <!-- mobilebutton_24 -->
                        <a data-role="button" name="mobilebutton_24" dsid="mobilebutton_24" class='  mobilebutton7'
                        id='j_27' data-corners="true" data-mini="true" data-theme="a" tabIndex="9">
                        Store Ad
                        </a>
                    </div>
                </div>
                <!-- mobilebutton_25 -->
                <a data-role="button" name="mobilebutton_25" dsid="mobilebutton_25" class='  mobilebutton8'
                id='j_28' data-corners="true" data-mini="false" data-theme="a" tabIndex="10">
                Button
                </a>
            </div>
        </div>
    </body>

</html>